<template>
  <v-responsive>
    <v-app>
      <NavBar :userInfo="userInfo" />
      <v-main>
        <v-container fluid>
          <router-view />
        </v-container>
      </v-main>
    </v-app>
  </v-responsive>
</template>

<script setup>
import { computed } from 'vue'
import { RouterView } from 'vue-router'

import NavBar from '@/components/NavBar.vue'
import { useUserStore } from '@/stores/userStore'

const userStore = useUserStore()

const userInfo = computed(() => userStore.getUserInfo())
</script>
